<!DOCTYPE html>
<html lang="en">
{% load static %}
{% load bootstrap3 %}
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="{% static  'js/jquery-1.11.0.min.js' %}"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<table id="table1" border="1" cellspacing="0" align="center" class="table table-striped">
    <tr>
        <th>项目</th>
        <th>模板</th>
        <th>事项小类</th>
        <th>事项</th>
        <th>是否需要检查</th>
        <th>进度</th>
        <th>执行人</th>
        <th>备注</th>
    </tr>
    {% if items %}
        {% for item in items %}
            <tr>
                {% ifchanged item.project.project_name %}
                    <td rowspan={{ items |length }} align="center">{{ item.project.project_name }}</td>
                {% endifchanged %}
                <td align="center">{{ item.template.template_name }}</td>
                <td>{{ item.item_category.item_category_name }}</td>
                <td>{{ item.item_name }}</td>
                <td>{{ item.inspect }}</td>
                <td>{{ item.item_plan }}</td>
                <td>{{ item.item_executor }}</td>
                <td>{{ item.remark }}</td>
            </tr>
        {% endfor %}
    {% endif %}
</table>
</body>
<script type="text/javascript">
</script>
</html>